body{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    width: 100%;
    
}

#header{
    width: calc(100% - 2px);
    height: 150px;
    background-image: url("../img/logo.jpg");
    background-size:100% 100% ;
    background-repeat: no-repeat;
    font-size: 20px;
    text-align: right;
    border: 1px solid var(--themeColor);
    position: relative;
    
}

#leftNavContainer{
    width: 15%;
    height:700px;
    float: left;
    background-color: var(--themeColor);
    border: 1px solid;
    }

.leftNavBtu{
    width:80%;
    height:30px;
    background-color: rgb(255, 236, 127);
    border: 1px var(--themeColor) solid;
    font-size: 20px;
    display: block;
    margin: 25px auto;
    box-shadow: 1px 1px 5px var(--themeColor);
    border-radius: 5px;
    text-align: center;
    text-decoration:none
}

#main-container{
    border: 1px solid var(--themeColor);
      width: calc(85% - 4px);
      height:700px;
      
}

a{  
    color: var(--themeColor);
    text-decoration:underline;
    cursor:pointer;
}
#infoBar{
   
    border-radius: 10px;
    background-color: var(--themeColor);
    float: right;
    width: 300px;
    text-align: center;
    box-shadow: 5px 5px 5px 0px rgb(165, 165, 163);
    
}
button{
    font-size: 18px;
    background-color: orangered;
    border-radius: 5px;
    border: 1px solid;
}